import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false
import './assets/font/iconfont.css'

import { Tabbar, TabbarItem } from 'vant';
import { Icon } from 'vant';
import { Skeleton } from 'vant';
import { Button } from 'vant';
import { Search } from 'vant';
import { Swipe, SwipeItem } from 'vant';
import { Sidebar, SidebarItem } from 'vant';
import { NavBar } from 'vant';
import { List } from 'vant';
import { Lazyload } from 'vant';
import { Card } from 'vant';
import { Tag } from 'vant';
import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';
import { Popup } from 'vant';
import { Cell, CellGroup } from 'vant';
import { SubmitBar } from 'vant';
import { Form } from 'vant';
import { Field } from 'vant';
import { DropdownMenu, DropdownItem } from 'vant';
import { AddressList } from 'vant';
import { AddressEdit } from 'vant';

Vue.use(AddressEdit);
Vue.use(AddressList);
Vue.use(DropdownMenu);
Vue.use(DropdownItem);
Vue.use(Form);
Vue.use(Field);
Vue.use(SubmitBar);
Vue.use(Cell);
Vue.use(CellGroup);
Vue.use(Popup);
Vue.use(GoodsAction);
Vue.use(GoodsActionButton);
Vue.use(GoodsActionIcon);
Vue.use(Tag);
Vue.use(Card);
Vue.use(Lazyload);

Vue.use(List);
Vue.use(NavBar);

Vue.use(Sidebar);
Vue.use(SidebarItem);
Vue.use(Swipe);
Vue.use(SwipeItem);
Vue.use(Search);
Vue.use(Button);
Vue.use(Skeleton);
Vue.use(Icon);
Vue.use(Tabbar);
Vue.use(TabbarItem)

Vue.use(Lazyload, {
  lazyComponent: true,
});

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
